.callout {
  position: relative;
  padding: 0 $spacer-y;
  margin: $spacer-x 0;
  border: 0 solid $border-color;
  border-left-width: .25rem;

  @if $enable-rounded {
    border-radius: .25rem;
  }

  .chart-wrapper {
    position: absolute;
    top: 18px;
    left: 45%;
    float: right;
    width: 100px;
  }
}

.callout-bordered {
  border: 1px solid $border-color;
  border-left-width: .25rem;
}
.callout code {
  border-radius: .25rem;
}
.callout h4 {
  margin-top: 0;
  margin-bottom: .25rem;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout + .callout {
  margin-top: - .25rem;
}

.callout-default {
  border-left-color: $text-muted;

  h4 {
    color: $text-muted;
  }
}

.callout-primary {
  border-left-color: $brand-primary;

  h4 {
    color: $brand-primary;
  }
}

.callout-info {
  border-left-color: $brand-info;

  h4 {
    color: $brand-info;
  }
}

.callout-warning {
  border-left-color: $brand-warning;

  h4 {
    color: $brand-warning;
  }
}

.callout-danger {
  border-left-color: $brand-danger;

  h4 {
    color: $brand-danger;
  }
}

.callout-success {
  border-left-color: $brand-success;

  h4 {
    color: $brand-success;
  }
}
